@charset "UTF-8";

@media (min-width: 1025px) {
	.bannerContainer {
		width: 1200px;
		display: flex;
		flex-direction: row;
		/* border-radius: 8px;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08); */
		/* background-color: #FAFAFA; */
		height: 100px;
		position: absolute;
		bottom: 0;
	}	
}

.bannerlogo {
	/* width: 200px;
	height: 65px; */
	align-self: center;
}

.bannerArrowLeft {
	width: 30px;
	padding-left: 3px;
	text-align: center;
	height: 100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
@media (hover:hover) {
	.bannerArrowLeft:hover {
		background-color:#ffffff;
		transition: 0.7s;
		cursor: pointer;
	}
	
	.bannerArrowRight:hover {
		background-color:#ffffff;
		transition: 0.7s;
		cursor: pointer;
	}
	.cContents:hover {
		background-color:#ffffff;
		transition: 0.7s;
		cursor: pointer;
	}	
}


.bannerArrowRight {
	width: 30px;
	text-align: center;
	padding-right: 3px;
	height: 100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#section-guide > div > div.bannerContainer > div > ul > li {
	list-style-type: none;
	text-align : center;
	display: flex;
	height: 100px;
	flex-direction: row;
	justify-content: center;
}

@media (max-width: 1024.98px) {
	.bannerContainer {
		position: unset;
		width: auto;
		display: flex;
		flex-direction: row;
		/* border-radius: 8px;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08); */
	}
	
	.bannerHover {
		background-color: #ffffff;
		transition: 0.7s;
		cursor: pointer;
	}
}